<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>旅游网</title>
</head>
<body>

<!--采用 table 完成布局-->
<!--最外层 table-->
<table width="100%" align="center">
    <!--第1行-->
    <tr>
        <td>
            <img src="./image/top_banner.jpg" width="100%" alt="">
        </td>
    </tr>
    <!--第2行-->
    <tr>
        <td>
            <table width="100%" align="center">
                <tr>
                    <td>
                        <img src="./image/logo.jpg">
                    </td>
                    <td>
                        <img src="./image/search.png">
                    </td>
                    <td>
                        <img src="./image/hotel_tel.png">
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!--第3行-->
    <tr>
        <td>
            <table width="100%" align="center">
                <tr bgcolor="gold" align="center" height = "45">
                    <td>
                        <a href="">首页</a>
                    </td>
                    <td>
                        <a href="">门票</a>
                    </td>
                    <td>
                        <a href="">门票</a>
                    </td>
                    <td>
                        <a href="">门票</a>
                    </td>
                    <td>
                        <a href="">门票</a>
                    </td>
                    <td>
                        <a href="">门票</a>
                    </td>
                    <td>
                        <a href="">门票</a>
                    </td>
                    <td>
                        <a href="">门票</a>
                    </td>
                    <td>
                        <a href="">门票</a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!--第4行-->
    <tr>
        <td>
            <img src="./image/banner_3.jpg" width="100%" alt="">
        </td>
    </tr>
    <!--第5行-->
    <tr>
        <td>
            <img src="./image/icon_5.jpg">
            旅游精选
            <hr color="gold">
        </td>
    </tr>
    <!--第6行-->
    <tr>
        <td>
            <table width="98%" align="center">
                <tr>
                    <td>
                        <img src="./image/jiangxuan_1.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 899.0</font>
                    </td>

                    <td>
                        <img src="./image/jiangxuan_1.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 899.0</font>
                    </td>

                    <td>
                        <img src="./image/jiangxuan_1.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 899.0</font>
                    </td>

                    <td>
                        <img src="./image/jiangxuan_1.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 899.0</font>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!--第7行-->
    <tr>
        <td>
            <img src="./image/icon_6.jpg">
            国内游
            <hr color="gold">
        </td>
    </tr>
    <!--第8行-->
    <tr>
        <td>
            <table width="95%" align="center">
                <tr>
                    <td rowspan="2">
                        <img src="./image/guonei_1.jpg" height="100%" alt="">
                    </td>

                    <td>
                        <img src="./image/jiangxuan_2.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 699.0</font>
                    </td>

                    <td>
                        <img src="./image/jiangxuan_2.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 699.0</font>
                    </td>

                    <td>
                        <img src="./image/jiangxuan_2.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 699.0</font>
                    </td>
                </tr>

                <tr>
                    <td>
                        <img src="./image/jiangxuan_2.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 699.0</font>
                    </td>

                    <td>
                        <img src="./image/jiangxuan_2.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 699.0</font>
                    </td>

                    <td>
                        <img src="./image/jiangxuan_2.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 699.0</font>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!--第9行-->
    <tr>
        <td>
            <img src="./image/icon_7.jpg">
            境外游
            <hr color="gold">
        </td>
    </tr>
    <!--第10行-->
    <tr>
        <td>
            <table width="95%" align="center">
                <tr>
                    <td rowspan="2">
                        <img src="./image/jiangwai_1.jpg" height="100%" alt="">
                    </td>

                    <td>
                        <img src="./image/jiangxuan_3.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 699.0</font>
                    </td>

                    <td>
                        <img src="./image/jiangxuan_3.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 699.0</font>
                    </td>

                    <td>
                        <img src="./image/jiangxuan_3.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 699.0</font>
                    </td>
                </tr>

                <tr>
                    <td>
                        <img src="./image/jiangxuan_3.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 699.0</font>
                    </td>

                    <td>
                        <img src="./image/jiangxuan_3.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 699.0</font>
                    </td>

                    <td>
                        <img src="./image/jiangxuan_3.jpg" alt="">
                        <p>上海飞三亚 五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                        <font color="red">¥ 699.0</font>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!--第11行-->
    <tr>
        <td>
            <img src="./image/footer_service.png" width="100%" alt="">
        </td>
    </tr>
    <!--第12行-->
    <tr>
        <td align="center" bgcolor="gold" height="45">
            <font color="grey" size="2">
                凤凰新媒体版权所有Copyright © 2019 Phoenix New Media Limited All Rights Reserved.
            </font>
        </td>
    </tr>
</table>


</body>
</html>